<!-- The ref attr used to find the swiper instance -->
<template>
<div class="wrapper">
    <swiper :options="swiperOption" ref="mySwiper" >
    <!-- slides -->
    <swiper-slide v-for="item of List" :key="item.id">
        <img class="swiper-img" :src="item.imgUrl" />
    </swiper-slide>
  </swiper>
</div>
  
</template>

<script>
  export default {
    name: 'homeswiper',
    props:{
      List: Array
    },
    data() {
      return {
        swiperOption: {
            loop:true,
            freeMode:true,
            slidesPerView :2
    
        }
      }
    },
    mounted(){
      
    }
  }
</script>

<style scoped lang="stylus">
.wrapper
    width:100%;
    height:67.5%;
    background:#eee
    .swiper-img 
        width: 100%;
     
 

</style>
